<template>
  <div v-for="(language,index) in languages">
    <span v-if="language.price>100">{{language.language}}</span>
    <span :style="smallP" v-else="language.price<100">{{language.language}}</span>
  </div>
</template>

<script>
import languages from "../../data/languages"
export default {
data() {
  return {
    languages,
  }
},
computed:{
  smallP(){
    return {
      'font-size':'20px',
      color: 'green'
      }
  }
}
}
</script>

<style>

</style>